<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
			body {
				font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				color: #4f6b72;
				background: #E6EAE9
			}
			
			a {
				color: #c75f3e
			}
			
			#mytable {
				width: 700px;
				padding: 0;
				margin: 0
			}
			
			caption {
				padding: 0 0 5px 0;
				width: 700px;
				font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				text-align: right
			}
			
			th {
				font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				color: #4f6b72;
				border-right: 1px solid #C1DAD7;
				border-bottom: 1px solid #C1DAD7;
				border-top: 1px solid #C1DAD7;
				letter-spacing: 2px;
				text-transform: uppercase;
				text-align: left;
				padding: 6px 6px 6px 12px;
				background: #CAE8EA url(images/bg_header.jpg) no-repeat
			}
			
			th.nobg {
				border-top: 0;
				border-left: 0;
				border-right: 1px solid #C1DAD7;
				background: none
			}
			
			td {
				border-right: 1px solid #C1DAD7;
				border-bottom: 1px solid #C1DAD7;
				background: #fff;
				font-size: 11px;
				padding: 6px 6px 6px 12px;
				color: #4f6b72
			}
			
			td.alt {
				background: #F5FAFA;
				color: #797268
			}
			
			th.spec {
				border-left: 1px solid #C1DAD7;
				border-top: 0;
				background: #fff url(images/bullet1.gif) no-repeat;
				font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
			}
			
			th.specalt {
				border-left: 1px solid #C1DAD7;
				border-top: 0;
				background: #f5fafa url(images/bullet2.gif) no-repeat;
				font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				color: #797268
			}
			
			html>body td {
				font-size: 11px
			}
		</style>
		<h2>疫情全国整体数据</h2>
		<table id="mytable" cellspacing="0" border="1" bordercolor="#C1DAD7">
			<caption> </caption>
			<tr>
				<th scope="col">确诊人数</th>
				<th scope="col">疑似人数</th>	
				<th scope="col">治愈人数</th>	
				<th scope="col">死亡人数</th>			
			</tr>
		
			<tr>			
				<th scope="row" class="specalt"><%= staticData.confirmedCount %></th>
				<th scope="row" class="specalt"><%= staticData.suspectedCount %></th>
				<th scope="row" class="specalt"><%= staticData.curedCount %></th>
				<th scope="row" class="specalt"><%= staticData.deadCount %></th>
			</tr>
			
		</table> 
		<hr/>
		<h2>省市数据列表</h2>
		<table id="mytable" cellspacing="0" border="1" bordercolor="#C1DAD7">
			<caption> </caption>
			<tr>
				<th scope="col">省份</th>
				<th scope="col">确诊数</th>
				<th scope="col">治愈数</th>
				<th scope="col">死亡数</th>
				<th scope="col">城市数</th>
			
			</tr>

			<%for(let i = 0; i < proviceData.length; i++) {
				let info = proviceData[i];%>
			<tr>
				<th scope="row" class="<%=(i%2==0 ? 'spec' : 'specalt')%>"><%= info.provinceShortName %></th>
				<th scope="row" class="<%=(i%2==0 ? 'spec' : 'specalt')%>"><%=info.confirmedCount%></th>
				<th scope="row" class="<%=(i%2==0 ? 'spec' : 'specalt')%>"><%=info.curedCount%></th>
				<th scope="row" class="<%=(i%2==0 ? 'spec' : 'specalt')%>"><%=info.deadCount%></th>
				<th scope="row" class="<%=(i%2==0 ? 'spec' : 'specalt')%>"><%=info.cityNumber%></th>				
			</tr>
			<%}%>
		</table>
	</body>
</html>